// 封装起来 方便让子页面复用 及时获取修改页面信息
getUserInfo()
function getUserInfo() {
    // 发axios的请求
    axios.get('/my/userinfo', {
        // headers: {
        //     // Authorization: 需要获取token的值，本地存储过了(取出来)
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(({ data: res }) => {
        console.log(res); // 服务端响应回来的数据

        // // 做一个判断 ==> 优化控制用户的访问权限
        // if(res.status === 1 && res.message === "身份认证失败！") {
        //     // 就需要让用户回到登录页面中，重新登录进来
        //     location.href = '/login.html'
        // }

        // 先处理好名字 (优先级 优先显示 nickname)
        let name = res.data.nickname || res.data.username

    // 处理头像的时候，根据 user_pic 来判断处理
    if (res.data.user_pic) {
        // 显示图片头像
        $(".avatar").prop('src', res.data.user_pic).show()

        // 隐藏文字头像
        $('.text-avatar-box').hide()
    } else {
        // 显示文字头像
        $('.text-avatar-box').show()
        $('.text-avatar').html(name[0].toUpperCase())

        // 显示图片头像
        $('.avatar').hide()
    }

        // 展示欢迎谁
        $('#welcome').text(`欢迎${name}`)
    })
}

// 退出功能
let layer = layui.layer;

$('#btnLogout').on('click', function () {
    layer.confirm('确定退出登录吗?', { icon: 3, title: '提示' }, function (index) {
        //do something

        // 清空token数据
        localStorage.removeItem('token')

        // 把弹窗关闭
        layer.close(index);

        // 跳转到登录页面
        location.href = '/login.html'
    });


})